/* 鍏充簬鎴戜滑 */
.n_banner{position: relative;}
.n_banner .ban_img img{width: 100%;}
.n_banner .ban_txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 170px; line-height:170px; font-size:48px;color: #fff; background:rgba(9,63,114,0.8);}
/* about01 */
.about01{width: 100%;position: relative; padding:90px 0;}
.about01 .n_con{display: flex;justify-content: space-between;}
.about01 .n_con .n_tit{width: 25%;color: #333;margin-bottom: 35px; font-size:36px;}
.about01 .n_con .n_txt{width: 75%; line-height:30px; text-align:justify; font-size:18px;}
/* about02 */
.about02{width: 100%;position: relative; padding:90px 0; background:#f2f2f2;}
.about02 .n_con{width: 100%;position: relative;}
.about02 .n_con .n_tit{width: 100%;color: #333;margin-bottom: 35px; font-size:36px;}
.about02 .n_con .n_txt{width: 100%; line-height:30px; text-align:justify; font-size:16px;}
.about02 .n_con .n_txt ul{display: flex;flex-wrap:wrap;align-items: center;}
.about02 .n_con .n_txt ul li{ width:24%; margin-right:1.25%; padding:20px; background:#fff; margin-bottom:20px;}
.about02 .n_con .n_txt ul li:nth-child(4n){ margin-right:0;}
.about02 .n_con .n_txt ul li .img{position: relative;width: 100%;overflow: hidden;}
.about02 .n_con .n_txt ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.about02 .n_con .n_txt ul li .img:before { position:absolute; top:0; left:0; content: ""; width: 100%; height: 100%; background:rgba(0,0,0,0.); z-index:1;}
.about02 .n_con .n_txt ul li:hover .img img{transform: scale(1.05);}
.about02 .n_con .n_txt ul li .img .tou{position: relative;top: 0;left: 0;}
.about02 .n_con .n_txt ul li .img .shi{position: absolute;top: 0;left: 0;}
/* 瀵艰埅 */
.n_nav{ width:100%;position: relative; padding:90px 0;}
.n_nav ul{display: flex;justify-content:center;align-items: center;}
.n_nav ul li{ width:150px; height:40px; line-height:40px; text-align:center; border:1px solid #666; border-radius:20px; margin:0 10px;}
.n_nav ul li a{ display:block;}
/* 鏂伴椈 */
.n_news{ width:100%; position:relative;}
.n_news .con ul{display: flex;flex-wrap: wrap;margin-bottom: 35px;}
.n_news .con ul li{margin-right: 3.5%;width: 31%;margin-bottom: 45px;}
.n_news .con ul li a{ width:100%;}
.n_news .con ul li:nth-child(3n){margin-right: 0;}
.n_news .con ul li .txt3{color: #666; font-size:14px; margin-bottom: 20px;}
.n_news .con ul li .img{overflow: hidden; width:100%; background:#dcdcdc;transition: all 0.9s; border-radius:15px;position: relative;}
.n_news .con ul li .img img{width: 100%;height: 100%;transition: all 0.36s; padding:4%;}
.n_news .con ul li .img .tou{position: relative;top: 0;left: 0; z-index:-1;}
.n_news .con ul li .img .shi{position: absolute;top: 0;left: 0; z-index:2;}
.n_news .con ul li .txt{padding-top: 20px; width:100%;}
.n_news .con ul li .txt1{line-height: 35px;height: 70px; margin-bottom: 20px; font-size:18px; color:#000;}
.n_news .con ul li .txt2{ position:relative;height: 40px;}
.n_news .con ul li .txt2 span{ width:100px; position:absolute; height:30px; line-height:30px; text-align:center; background:#333; color:#fff; border-radius:15px; font-size:14px;transition: all 0.6s;
display: flex;justify-content:center;align-items: center; }
.n_news .con ul li .txt2 span img{ width:38px;}
.n_news .con ul li .txt2 span:nth-child(2){ opacity:0;}
.n_news .con ul li:hover .txt1{color: #014099; }
.n_news .con ul li:hover .txt2 span:nth-child(1){ opacity:0;}
.n_news .con ul li:hover .txt2 span:nth-child(2){ opacity:1; background:#1d6bb6;}
.n_news .con ul li:hover .img img{width: 100%; padding:2%;transform: scale(1.05);transition: all 0.9s;}
.n_news{ width:100%; position:relative;}
.n_news .con .detail{ width: 100%; padding-bottom:90px; margin-top:30px;}
.n_news .con .detail .tit01{color: #666; font-size:14px; margin-bottom: 20px;}
.n_news .con .detail .tit02{line-height: 35px;height: 70px; margin-bottom: 20px; font-size:26px; color:#000;}
.n_news .con .detail .img{width:100%; background:#dcdcdc;transition: all 0.9s;}
.n_news .con .detail .txt{ width:100%; line-height:30px; text-align:justify;}
.n_news .con .detail .fanhui{display: flex;justify-content: space-between;align-items: center; margin-top:90px;}
.n_news .con .detail .fanhui .fanh01 a{ width:200px; height:40px; line-height:40px; text-align:center; border-radius:20px; border:1px solid #999;display: flex;justify-content: center;align-items: center;}
.n_news .con .detail .fanhui .fanh02 a{ width:200px; height:40px; line-height:40px; text-align:center; border-radius:20px; border:1px solid #999;display: flex;justify-content: center;align-items: center;}
.n_news .con .detail .fanhui .fanh03 a{ width:200px; height:40px; line-height:40px; text-align:center; border-radius:20px; border:1px solid #999;display: flex;justify-content: center;align-items: center;}
.n_news .con .detail .fanhui a:hover{ background:#eee; border-radius:20px; border:none;}
/* 妗堜緥 */
.n_anli{ width:100%; position:relative; padding:90px 0;}
.n_anli .con ul{display: flex;flex-wrap: wrap;margin-bottom: 35px;}
.n_anli .con ul li{margin-right: 2.6%;width: 23%;margin-bottom: 45px; padding:15px; border-radius:10px; background:#dcdcdc;}
.n_anli .con ul li:nth-child(4n){margin-right: 0;}
.n_anli .con ul li a{ width:100%;}
.n_anli .con ul li .n_tit{color: #000; font-size:18px; margin:25px 0 40px;}
.n_anli .con ul li .img{overflow: hidden; width:100%;transition: all 0.9s; border-radius:10px;}
.n_anli .con ul li:hover{ background:#1d6bb6; }
.n_anli .con ul li:hover .n_tit{color: #fff; }
/* 鑱旂郴鎴戜滑 */
.contact01{width: 100%;position: relative; padding:90px 0;}
.contact01 .n_con{}
.contact01 .n_con .n_txt{display: flex;justify-content: space-between;}
.contact01 .n_con .n_txt .txt_le{ width:30%; margin-right:5%;}
.contact01 .n_con .n_txt .txt_le li{border-bottom: solid 1px #d4d4d4;padding: 20px 0; margin-bottom:30px;}
.contact01 .n_con .n_txt .txt_le li .tit{height: 40px;position:relative; margin-bottom:15px;}
.contact01 .n_con .n_txt .txt_le li .tit img{ width:40px; }
.contact01 .n_con .n_txt .txt_le li .txt p{ line-height:30px; font-size:16px;}
.contact01 .n_con .n_txt .txt_re{ width:65%;}
.contact02 { width:100%; padding:90px 0; background:#e8e8e8;}
.contact02 .n_con { width:100%; overflow:hidden; margin:20px auto; padding:50px 0; background:#fff;}
.contact02 .n_con form{ width:90%; margin:20px auto;}
.contact02 .n_con h3 { width:100%; overflow:hidden; margin:0 auto 30px; padding:0; color:#333; font-size:30px; text-align:center;}
.contact02 .n_con ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: space-between;}
.contact02 .n_con ul li { width:31%; margin:0 3.5% 30px 0; padding:0; position:relative;}
.contact02 .n_con ul li:nth-child(3) { margin-right:0;}
.contact02 .n_con ul li:nth-child(4) { width:100%; margin:0;}
.contact02 .n_con ul li h4 { width:100%; overflow:hidden; margin:0 auto 10px; padding:0; color:#333; font-size:14px;}
.contact02 .n_con ul li .svc_ipt { display:block; background:#e8e8e8; width:100%; height:50px; overflow:hidden; line-height:24px; color:#777; font-size:14px; margin:0; padding:9px 20px; border:1px solid #eaeaea;
outline:none; border-radius:0; box-sizing:border-box; -moz-box-sizing:border-box;/* Firefox */ -webkit-box-sizing:border-box;/* Safari */}
.contact02 .n_con ul li .svc_area {display:block; font-family:"鎬濇簮榛戜綋"; background:#e8e8e8; width:100%; height:160px; overflow:hidden; line-height:24px; color:#777; font-size:14px; margin:0; padding:9px 20px;
border:1px solid #eaeaea; outline:none; border-radius:0; box-sizing:border-box; -moz-box-sizing:border-box;/* Firefox */ -webkit-box-sizing:border-box;/* Safari */}
.contact02 .n_con .svc_btn { width:93%; overflow:hidden; margin:30px auto 0; padding:0; text-align:center;}
.contact02 .n_con .svc_btn .svc_b1 { display:inline-block; width:200px; height:50px; overflow:hidden; background:#fff; border:1px solid #666; line-height:50px; color:#333; font-size:16px; text-align:center;
border-radius:25px; margin:20px auto; padding:0;}
.contact02 .n_con .svc_btn .svc_b1:hover { background-color:#ff9e1b; color:#fff; border:none;}
/* 瑙ｅ喅鏂规 */
.fangan101{width: 100%;position: relative; padding:90px 0; background:#e8e8e8; margin-bottom:30px;}
.fangan101 .n_con{display: flex;justify-content: space-between;}
.fangan101 .n_con .n_txt{width: 40%;color: #333;margin-bottom: 35px; font-size:36px;display: flex;align-items: center;}
.fangan101 .n_con .n_txt .f_txt{ width: 100%; position:relative; }
.fangan101 .n_con .n_txt .f_txt .f_tit{ width: 100%; font-size:30px;color: #333; position:relative; letter-spacing:10px;}
.fangan101 .n_con .n_txt .f_txt .f_xian{ width:90%; height:1px; border-bottom:2px solid #999; margin:90px 0;}
.fangan101 .n_con .n_txt .f_txt .f_more{ width:150px; height:40px; line-height:40px; text-align:center; border:1px solid #333; color:#333; border-radius:20px; font-size:14px;transition: all 0.6s;}
.fangan101 .n_con .n_txt .f_txt .f_more a{ display:block;}
.fangan101 .n_con .n_txt .f_txt .f_more:hover{ background:#1d6bb6;}
.fangan101 .n_con .n_txt .f_txt .f_more:hover a{color: #fff;}
.fangan101 .n_con .n_txt p{width: 40%;color: #333;margin-bottom: 35px; font-size:36px;}
.fangan101 .n_con .n_img{width: 40%;display: flex; justify-content: flex-end;}
.fangan102{width: 100%;position: relative; padding:90px 0; background:#e8e8e8;}
.fangan102 .n_con{display: flex;justify-content: space-between;}
.fangan102 .n_con .n_txt{width: 40%;color: #333;margin-bottom: 35px; font-size:36px;display: flex;align-items: center;}
.fangan102 .n_con .n_txt .f_txt{ width: 100%; position:relative;}
.fangan102 .n_con .n_txt .f_txt .f_tit{ width: 100%; font-size:30px;color: #333; position:relative; letter-spacing:10px; text-align:right;}
.fangan102 .n_con .n_txt .f_txt .f_xian{ width:90%; height:1px; border-bottom:2px solid #999; margin:90px 0 90px auto;}
.fangan102 .n_con .n_txt .f_txt .f_more{ width:150px; height:40px; line-height:40px; text-align:center; border:1px solid #333; color:#333; border-radius:20px; font-size:14px;transition: all 0.6s; margin-left:auto;}
.fangan102 .n_con .n_txt .f_txt .f_more a{ display:block;}
.fangan102 .n_con .n_txt .f_txt .f_more:hover{ background:#1d6bb6;}
.fangan102 .n_con .n_txt .f_txt .f_more:hover a{color: #fff;}
.fangan102 .n_con .n_txt p{width: 40%;color: #333;margin-bottom: 35px; font-size:36px;}
.fangan102 .n_con .n_img{width: 40%;}
.shin101{width: 100%;position: relative; padding:90px 0; margin-bottom:30px;}
.shin101 h2{ font-size:30px; text-align:center; margin-bottom:30px;}
.shin101 .n_con{width: 100%;position: relative; margin-top:90px;}
.shin101 .n_con .f_img{width: 100%;}
.shin102{width: 100%;position: relative; padding:30px 0;}
.shin102 h2{ font-size:30px; text-align:center; margin-bottom:30px;}
.shin102 .n_con{width: 100%;position: relative; margin-top:90px;}
.shin102 .n_con .n_txt{width: 100%;}
.shin102 .n_con .n_txt ul{display: flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.shin102 .n_con .n_txt ul li{ width:24%; margin-bottom:20px; position:relative;}
.shin102 .n_con .n_txt ul li .tit{ width:100%; text-align:center; font-size:22px; color:#000; margin-top:30px;}
.shin102 .n_con .n_txt1{ width:100%; font-size:18px; text-align:center; line-height:35px; color:#000; margin-top:60px;}
.shin102 .n_con .n_txt1 .s_img{ width:100%; text-align:center;}
.shin102 .n_con .n_txt1 .s_img img{ width:447px; margin:30px auto 60px;}
.shin102 .n_con .n_txt2{ width:100%; text-align:center;}
.shin102 .n_con .n_txt2 span{ padding:0 15px; font-size:24px;position: relative;}
.shin102 .n_con .n_txt2 span::before {content: " "; width:1px; height:20px;position: absolute;top: 7px;right: 0; background:#666;}
.shin102 .n_con .n_txt2 span:last-child::before{ display:none;}
.shin102 .n_con .n_txt3{ width:100%; font-size:24px; text-align:center; line-height:30px; color:#000; margin-top:60px;}
.shin102 .n_con .n_txt4 { width:600px; margin:60px auto 0;}
.shin102 .ri {width: 100%; position: relative;}
.shin102 .ri video{ width: 100%; height: 100%; position: relative; object-fit: cover;}
.shin102 .ri .bo { cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 3;}
.shin102 .ri .bo img {width: 80px;}
.shin102 .ri .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top:50%;left: 50%; z-index: 1;}
.shin102 .ri .mask:before { position: relative; content: ''; display: block; margin-top: 100%; }
.shin102 .ri .mask:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.shin102 .ri:hover .mask{-webkit-animation:anim-out 1s;animation:anim-out 1s}
.shin102 .ri:hover .mask:after{-webkit-animation:anim-out-pseudo 1s;animation:anim-out-pseudo 1s}
@-webkit-keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}
@keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}
.shin103{width: 100%;position: relative; padding:30px 0 90px;}
.shin103 h2{ font-size:30px; margin-bottom:30px;}
.shin103 .n_con{width: 100%;position: relative;}
.shin103 .n_con .n_txt ul{width: 100%;}
.shin103 .n_con .n_txt ul li{width: 100%; margin-bottom:30px;}
.shin103 .n_con .n_txt ul li .tit{ line-height:35px; font-size:20px; color:#29abe2;}
.shin103 .n_con .n_txt ul li .neir{ line-height:35px; font-size:16px; color:#333;}
.shin201{width: 100%;position: relative; padding:90px 0; margin-bottom:30px;}
.shin201 h2{ font-size:30px; text-align:center; margin-bottom:30px;}
.shin201 .n_con{width: 100%;position: relative; margin-top:90px;}
.shin201 .n_con .f_img{width: 100%;}
.shin202{width: 100%;position: relative; padding:30px 0;}
.shin202 h2{ font-size:30px; text-align:center; margin-bottom:30px;}
.shin202 .n_con{width: 100%;position: relative; margin-top:90px;}
.shin202 .n_con .n_txt{width: 100%;display: flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.shin202 .n_con .n_txt .n_ship01{ width:40%; margin-bottom:30px; position:relative; height:300px;}
.shin202 .n_con .n_txt2{ width:100%; text-align:center; margin-top:60px;}
.shin202 .n_con .n_txt2 span{ padding:0 15px; font-size:24px;position: relative;}
.shin202 .n_con .n_txt2 span::before {content: " "; width:1px; height:20px;position: absolute;top: 7px;right: 0; background:#666;}
.shin202 .n_con .n_txt2 span:last-child::before{ display:none;}
.shin202 .n_con .n_txt3{ width:100%; font-size:24px; text-align:center; line-height:30px; color:#000; margin-top:60px;}
.shin202 .n_con .n_txt4 { margin:0 auto; text-align:center;}
.shin202 .n_con .n_txt4 img{ margin:0 auto;}
.shin202 .n_con .n_txt4 p{ font-size:24px; margin-top:30px;}
.shin202 .n_con .n_txt5 { width:80%; margin:0 auto; display:flex; margin:60px auto;}
.shin202 .n_con .n_txt5 .item{ width:33%;}
.shin202 .n_con .n_txt5 .item p{ font-size:18px; line-height:30px;}
.shin202 .n_con .n_txt5 .item p span{ margin-left:10px;}
.shin202 .ri {width: 100%; position: relative;}
.shin202 .ri video{ width: 100%; height: 100%; position: relative; object-fit: cover;}
.shin202 .ri .bo { cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 3;}
.shin202 .ri .bo img {width: 80px;}
.shin202 .ri .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top:50%;left: 50%; z-index: 1;}
.shin202 .ri .mask:before { position: relative; content: ''; display: block; margin-top: 100%; }
.shin202 .ri .mask:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.shin202 .ri:hover .mask{-webkit-animation:anim-out 1s;animation:anim-out 1s}
.shin202 .ri:hover .mask:after{-webkit-animation:anim-out-pseudo 1s;animation:anim-out-pseudo 1s}
@-webkit-keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}
@keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}
/* vi_box */
.vi_box { position: fixed;width: 100%;height: 100%; top: 0px; left: 0px; display: none;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box video{ width: auto;height: 100%; position: relative;}
.vi_box .box .video {position: relative;width:80%; height: auto; text-align:center}
.vi_box .box .video img.close{ cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box .video .close:hover {transform: rotate(135deg);}
.shin203{width: 100%;position: relative; padding:30px 0 90px;}
.shin203 h2{ font-size:30px; margin-bottom:30px;}
.shin203 .n_con{width: 100%;position: relative;}
.shin203 .n_con .n_txt ul{width: 100%;}
.shin203 .n_con .n_txt ul li{width: 100%; margin-bottom:30px;}
.shin203 .n_con .n_txt ul li .tit{ line-height:35px; font-size:20px; color:#29abe2;}
.shin203 .n_con .n_txt ul li .neir{ line-height:35px; font-size:16px; color:#333;}
.fangan201{width: 100%;position: relative; padding:90px 0 60px;}
.fangan201 .n_con{display: flex;justify-content: space-between;}
.fangan201 .n_con .n_txt{width: 48%;color: #333;margin-bottom: 35px; font-size:36px;}
.fangan201 .n_con .n_txt .f_tit{ width: 100%; background:#1d6bb6; font-size:30px;color: #fff; text-align:center; line-height:50px; position:relative; letter-spacing:10px;}
.fangan201 .n_con .n_txt .f_txt{ width:90%; margin:90px 0 90px 15px;}
.fangan201 .n_con .n_txt .f_txt p{width: 100%;color: #333;margin-bottom: 25px; font-size:20px; padding-left:25px; position:relative;}
.fangan201 .n_con .n_txt .f_txt p::before{content: "";position: absolute;left:0;top: 5px; width:10px; height:10px; border-radius:50%; background:#1d6bb6;}
.fangan201 .n_con .n_img{width: 48%;}
.fangan202{ padding: 60px 0;}
.fangan202 h2{ font-size:36px; text-align:center; margin-bottom:30px;}
.fangan202 .fyoushi{ width: 1320px; height: 573px; overflow: hidden; position: relative;background: url('fnet.png') center no-repeat;}
.fangan202 .fyoushi dl.l{ float:left;}
.fangan202 .fyoushi dl.r{ float:right;}
.fangan202 .fyoushi dd{ width: 300px; height:100px; margin-bottom:105px; margin-top:35px; display:flex;align-items: center;}
.fangan202 .fyoushi dd .img{ width: 90px; height: 90px; border:8px solid #1d6bb6; padding:5px; border-radius:50%;}
.fangan202 .fyoushi dd .img img{ width: 100%; border-radius:50%;}
.fangan202 .fyoushi dd .txt{ width:200px; color: #fff; line-height: 20px; text-align:center;}
.fangan202 .fyoushi dd .txt h1{ font-size:18px; color: #000; margin-bottom:10px;}
.fangan202 .fyoushi dd .txt p{ font-size:14px; color: #666;}
.fangan203{ padding: 60px 0; min-height:650px;}
.fangan203 h2{ font-size:36px; text-align:center; margin-bottom:30px;}
.fangan203 p{ font-size:24px; text-align:center; margin-bottom:30px; color:#666;}
.fangan301{ padding: 60px 0;}
.fangan301 h2{ font-size:36px; font-weight:normal; text-align:center; margin-bottom:50px;}
.fangan301 h2 span{ margin:0 20px;}
.fangan301 .txt{ width:100%; margin:0 auto;}
.fangan302{width: 100%;position: relative; padding:60px 0;}
.fangan302 h2{ font-size:36px; text-align:center; font-weight:normal; margin-bottom:90px;}
.fangan302 .n_con{display: flex;justify-content: space-between;}
.fangan302 .n_con .n_txt{width: 45%;color: #333;margin-bottom: 35px; font-size:36px; background:#e8e8e8;}
.fangan302 .n_con .n_txt .f_tit{ width: 100%; background:#e8e8e8; height:80px; position:relative;}
.fangan302 .n_con .n_txt .f_tit p{ width: 150px; height:45px; line-height:45px; text-align:center; background:#1d6bb6; font-size:24px;color: #fff; position:absolute; top:-20px;}
.fangan302 .n_con .n_txt .f_txt{ width:90%; margin:30px 0 30px 35px;}
.fangan302 .n_con .n_txt .f_txt p{width: 100%;color: #000;margin-bottom: 15px; font-size:18px; padding-left:25px; position:relative;}
.fangan302 .n_con .n_txt .f_txt p::before{content: "";position: absolute;left:0;top: 5px; width:10px; height:10px; border-radius:50%; background:#1d6bb6;}
.fangan303{ padding: 60px 0 120px; min-height:650px;}
.fangan303 h2{ font-size:36px; font-weight:normal; text-align:center; margin-bottom:50px;}
.fangan303 .video{ width:600px; margin:0 auto;}
.n_video .ri {width: 100%; position: relative;}
.n_video .ri video{ width: 100%; height: 100%; position: relative; object-fit: cover;}
.n_video .ri .bo { cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 3;}
.n_video .ri .bo img {width: 80px;}
.n_video .ri .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top:50%;left: 50%; z-index: 1;}
.n_video .ri .mask:before { position: relative; content: ''; display: block; margin-top: 100%; }
.n_video .ri .mask:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.n_video .ri:hover .mask{-webkit-animation:anim-out 1s;animation:anim-out 1s}
.n_video .ri:hover .mask:after{-webkit-animation:anim-out-pseudo 1s;animation:anim-out-pseudo 1s}
.fangan401{width: 100%;position: relative; padding:90px 0 0;}
.fangan401 .n_con{width: 100%;position: relative;}
.fangan401 .n_con .n_tit{width: 100%;color: #333;margin-bottom: 35px; font-size:36px;}
.fangan401 .n_con .n_txt{width: 100%; line-height:30px; text-align:justify; font-size:16px;}
.fangan401 .n_con .n_txt ul{display: flex;flex-wrap:wrap;align-items: center;}
.fangan401 .n_con .n_txt ul li{ width:31%; margin-right:3%; background:#fff; margin-bottom:20px;}
.fangan401 .n_con .n_txt ul li:nth-child(3n){ margin-right:0;}
.fangan401 .n_con .n_txt ul li .tit{ font-size:20px; margin-bottom:15px;}
/* fangan402 */
.fangan402{width: 100%;position: relative; padding:60px 0;}
.fangan402 .n_con{width: 100%;position: relative;}
.fangan402 .n_con .n_tit{width: 100%;color: #333;margin-bottom: 35px; font-size:36px;}
.fangan402 .n_con .n_txt{width: 100%; line-height:30px; text-align:justify; font-size:16px;}
.fangan402 .n_con .n_txt img{ margin:0 auto;}
.fangan501{width: 100%;position: relative; padding:60px 0;}
.fangan501 h2{ font-size:30px; text-align:center; margin-bottom:30px;}
.fangan501 .n_txt img{ margin:0 auto;}
.fangan502{width: 100%;position: relative; padding:90px 0 120px; background:url(fangan502_bg.jpg) no-repeat;}
.fangan502 h2{ font-size:30px; text-align:center; margin-bottom:30px;color: #fff;}
.fangan502 .n_txt{width: 100%;position: relative; display:flex;justify-content:space-between; margin-top:90px;}
.fangan502 .n_txt .item{width: 50%; display:flex;justify-content: flex-end;}
.fangan502 .n_txt .item1{ width:40%;}
.fangan502 .n_txt .item1 p{ width:100%; display:flex;align-items: center; font-size:18px; color:#fff; margin-bottom:20px;}
.fangan502 .n_txt .item1 p img{ width:50px; margin-right:20px;}
.fangan601{width: 100%;position: relative; padding:90px 0;}
.fangan601 h2{ font-size:30px; text-align:center; margin-bottom:60px;}
.fangan601 .n_txt img{ margin:0 auto;}
.fangan602{width: 100%;position: relative; padding:90px 0 120px;}
.fangan602 .tit{ width:200px; height:50px; line-height:50px; text-align:center; font-size:22px;background:#1d6bb6;color: #fff;}
.fangan602 .n_con{display: flex;justify-content: space-between;}
.fangan602 .n_con .n_txt{width: 48%;color: #333;margin-bottom: 35px; font-size:36px;}
.fangan602 .n_con .n_txt .f_tit{ width: 100%; background:#1d6bb6; font-size:30px;color: #fff; text-align:center; line-height:50px; position:relative; letter-spacing:10px;}
.fangan602 .n_con .n_txt .f_txt{ width:90%; margin:90px 0 90px 15px;}
.fangan602 .n_con .n_txt .f_txt p{width: 100%;color: #333;margin-bottom: 25px; font-size:20px; padding-left:25px; position:relative;}
.fangan602 .n_con .n_txt .f_txt p::before{content: "";position: absolute;left:0;top: 5px; width:10px; height:10px; border-radius:50%; background:#1d6bb6;}
.fangan602 .n_con .n_img{width: 48%;}
.f7_tit{ border-bottom:1px solid #999; text-align:center; padding-bottom:15px;}
.f7_tit span{ border-bottom:4px solid #0071bc; text-align:center; padding-bottom:8px; height:50px; font-size:34px; font-weight:bold;}
.fangan701{width: 100%;position: relative; padding:90px 0 60px;}
.fangan701 .n_con{display: flex;justify-content: space-between; margin-top:60px;}
.fangan701 .n_con .n_txt{width: 48%;color: #333;margin-bottom: 35px; font-size:36px;}
.fangan701 .n_con .n_txt .f_tit{ width: 100%; background:#1d6bb6; font-size:30px;color: #fff; text-align:center; line-height:50px; position:relative; letter-spacing:10px;}
.fangan701 .n_con .n_txt .f_txt{ width:100%; line-height:40px; text-align:justify;}
.fangan701 .n_con .n_txt .f_txt p{width: 100%;color: #333;margin-bottom: 25px; font-size:22px; position:relative; text-indent:2em;}
.fangan701 .n_con .n_img{width: 48%;}
.fangan702{width: 100%;position: relative; padding:60px 0 60px;}
.fangan702 .n_con{width: 100%;position: relative; margin-top:60px;}
.fangan702 .n_con .n_txt{width: 100%;}
.fangan702 .n_con .n_txt ul{display: flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.fangan702 .n_con .n_txt ul li{ width:33%; margin-bottom:20px; position:relative; text-align:center;}
.fangan702 .n_con .n_txt ul li .img img{ width:100px; margin:0 auto;}
.fangan702 .n_con .n_txt ul li .tit{ width:100%; text-align:center; margin-top:30px;}
.fangan702 .n_con .n_txt ul li .tit p{ margin:0; line-height:35px; font-size:20px; color:#333;}
.fangan703{width: 100%;position: relative; padding:90px 0 30px;}
.fangan703 .n_con{width: 100%;position: relative; margin-top:60px;}
.fangan703 .n_con .n_txt{width: 100%;}
.fangan703 .n_con .n_txt p{width: 100%;color: #333;margin-bottom: 15px; font-size:20px; line-height:30px; padding-left:25px; position:relative;}
.fangan703 .n_con .n_txt p::before{content: "";position: absolute;left:0;top: 9px; width:10px; height:10px; border-radius:50%; background:#1d6bb6;}
.fangan704{width: 100%;position: relative; padding:0 0 60px;}
.fangan704 .n_con{display: flex;justify-content: space-between;}
.fangan704 .n_con .n_txt{width: 48%;color: #333;margin-bottom: 35px; font-size:36px;}
.fangan704 .n_con .n_txt .f_tit{ width: 100%; font-size:24px; font-weight:bold;color: #000; line-height:50px; position:relative;}
.fangan704 .n_con .n_txt .f_txt{ width:90%; margin-top:30px;}
.fangan704 .n_con .n_txt .f_txt p{width: 100%;color: #333;margin-bottom: 25px; font-size:20px; padding-left:35px; position:relative;}
.fangan704 .n_con .n_img{width: 48%;}
.fangan705{width: 100%;position: relative; padding:90px 0 60px;}
.fangan705 .n_con{width: 100%;}
.fangan705 .n_con .f_tit{ width: 100%; font-size:24px; font-weight:bold;color: #000; line-height:50px; position:relative;}
.fangan705 .n_con .n_img{width: 100%;}
.fangan706{width: 100%;position: relative; padding:20px 0 60px;}
.fangan706 .n_con{width: 100%;}
.fangan706 .n_con .n_img{width: 100%; margin-top:30px;}
.fangan707{width: 100%;position: relative; padding:90px 0 60px;}
.fangan707 .f_tit{ width: 100%; font-size:24px; font-weight:bold;color: #000; line-height:50px; position:relative;}
.fangan707 .n_con{width: 100%;position: relative; margin-top:40px;}
.fangan707 .n_con .n_txt{width: 100%;}
.fangan707 .n_con .n_txt ul{display: flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.fangan707 .n_con .n_txt ul li{ width:33%; margin-bottom:20px; position:relative; text-align:center;}
.fangan707 .n_con .n_txt ul li .img img{ width:160px; margin:0 auto;}
.fangan707 .n_con .n_txt ul li .tit{ width:100%; text-align:center; margin-top:30px;}
.fangan707 .n_con .n_txt ul li .tit h1{ margin:0 0 20px 0; line-height:35px; font-size:20px; font-weight:normal; color:#333;}
.fangan707 .n_con .n_txt ul li .tit p{ margin:0; line-height:35px; font-size:20px; color:#333;}
.fangan708{width: 100%;position: relative; padding:20px 0 60px;}
.fangan708 .n_con{ width: 100%; position: relative;}
.fangan708 .n_con .f_tit{ width: 100%; font-size:24px; font-weight:bold;color: #000; line-height:50px; position:relative;}
.fangan708 .n_con .con{ margin-top:30px;}
.fangan708 .n_con .con ul{ display: flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.fangan708 .n_con .con ul li{ width:32%; margin-bottom:20px; position:relative; text-align:center;}
.fangan708 .n_con .con ul li img{ width:100%;}
.fangan709{width: 100%;position: relative; padding:20px 0 60px;}
.fangan709 .n_con{width: 100%;}
.fangan709 .n_con .f_tit{ width: 100%; font-size:24px; font-weight:bold;color: #000; line-height:50px; position:relative;}
.fangan709 .n_con{ width: 100%;position: relative;}
.fangan709 .n_con .con{ margin-top:30px;}
.fangan709 .n_con .con ul{ display: flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.fangan709 .n_con .con ul li{ width:32%; margin-bottom:40px; position:relative; text-align:center;}
.fangan709 .n_con .con ul li img{ width:100%;}
.fangan709 .n_con .con ul li p{ font-size:18px; margin-top:20px;}
@media screen and (max-width:1800px) {
}
@media screen and (max-width:1680px) {
}
@media screen and (max-width:1500px) {
}
@media screen and (max-width:1025px) {
}
@media screen and (max-width:750px) {
}